<template>
  <el-card class="app-container">
    <c-u-r-d-table :option="option"/>
  </el-card>
</template>

<script>

import ColumnType from '@/framework/constant/ColumnType'
import CertificateTypeEnum from '@/feature/ums/infra/constants/CertificateTypeEnum'
import OnlineStatusEnum from '@/framework/constant/OnlineStatusEnum'
import { anchorApi } from '@/feature/ums/infra/api/anchorApi'
import CURDTable from '@/framework/components/table/CURDTable'
import AnchorStatusEnum from '@/feature/ums/infra/constants/AnchorStatusEnum'

export default {
  components: { CURDTable },
  data() {
    return {
      option: {
        showSelection: false,
        requestApi: anchorApi,
        columns: [
          {
            label: 'ID',
            width: 60,
            prop: 'id'
          },
          {
            label: '真实姓名',
            prop: 'userName'
          }, {
            label: '手机号',
            width: 120,
            prop: 'telephone'
          },
          {
            label: '证件类型',
            prop: 'certificateType',
            type: ColumnType.RADIO,
            tagMode: false,
            options: CertificateTypeEnum
          },
          {
            label: '证件号码',
            width: 180,
            prop: 'certificateNo'
          },
          {
            label: '身份证正面照',
            type: ColumnType.IMAGE,
            prop: 'idCardFrontImg'
          },
          {
            label: '身份证背面照',
            type: ColumnType.IMAGE,
            prop: 'idCardBackImg'
          },
          {
            label: '手持身份证照',
            type: ColumnType.IMAGE,
            prop: 'idCardHoldImg'
          }, {
            label: '封面照',
            type: ColumnType.IMAGE,
            prop: 'cover'
          }, {
            label: '排序',
            width: 80,
            type: ColumnType.NUMBER,
            prop: 'sortNum'
          }, {
            label: '状态',
            searchable: true,
            type: ColumnType.RADIO,
            hiddenInForm: true,
            options: AnchorStatusEnum,
            prop: 'status'
          }, {
            label: '备注',
            prop: 'checkRemark'
          },

          // {
          //   label: '钱包余额',
          //   prop: 'leftAmount'
          // },
          // {
          //   label: '冻结金额',
          //   prop: 'frozenAmount'
          // },

          {
            label: '创建时间',
            type: ColumnType.DATETIME,
            hiddenInForm: true,
            prop: 'gmtCreate'
          },
          {
            label: '修改时间',
            type: ColumnType.DATETIME,
            hiddenInForm: true,
            prop: 'gmtModified'
          }
        ]
      }
    }
  },
  methods: {}
}
</script>

